<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>女神历险记</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<div class="web">
			<!--预加载-->
			<div class="reload">
				<div class="con">
					<div class="percent-circle percent-circle-left">
						<div class="left-content"></div>
					</div>
					<div class="percent-circle percent-circle-right">
						<div class="right-content"></div>
					</div>
					<div class="text-circle">0%</div>
				</div>
			</div>
			<audio src="media/10097.mp3" id="bgmusic" controls="controls" loop="true" hidden="true"></audio>
			<!--首页-->
			<div class="index">
				<div class="content">
					<img src="img/Mc_bg_open.jpg"/>
					<div class="indexLogo">
						<img src="img/Mc_logo.png"/>
					</div>
					<div class="play">
						<img src="img/Btn_play.png"/>
					</div>
					<div class="prizeList">
						<img src="img/Btn_prize.png"/>
					</div>
					<div class="gameRule">
						<img src="img/Btn_rule.png"/>
					</div>
				</div>
			</div>
			<!--游戏规则-->
			<div class="rulePage popPage">
				<div class="popPageBg">
					<img src="img/Mc_bg_pop1.png"/>
					<div class="ruleTit">
						<img src="img/Mc_tit_rule.png"/>
					</div>
					<div class="ruleContent">
						<img src="img/Mc_rule.png"/>
					</div>
					<div class="popClose ruleClose">
						<img src="img/Btn_close.png"/>
					</div>
					<div class="ruleRank">
						<img src="img/Btn_rank.png"/>
					</div>
					<div class="ruleStart">
						<img src="img/Btn_go.png"/>
					</div>
				</div>
			</div>
			<!--获奖名单-->
			<div class="rankPage popPage">
				<div class="popPageBg">
					<img src="img/Mc_bg_pop2.png"/>
					<div class="ruleTit">
						<img src="img/Mc_tit_prize.png"/>
					</div>
					<div class="rankContent">
						<ul>
							<li><p class="userInfo"><span>01. </span><img src="img/pic.png"/><span class="userName">小夜曲小夜曲小夜曲</span></p><p class="userScore">999分</p></li>
							<li><p class="userInfo"><span>02. </span><img src="img/pic.png"/><span class="userName">小夜曲</span></p><p class="userScore">999分</p></li>
							<li><p class="userInfo"><span>03. </span><img src="img/pic.png"/><span class="userName">小夜曲</span></p><p class="userScore">999分</p></li>
							<li><p class="userInfo"><span>04. </span><img src="img/pic.png"/><span class="userName">小夜曲</span></p><p class="userScore">999分</p></li>
							<li><p class="userInfo"><span>05. </span><img src="img/pic.png"/><span class="userName">小夜曲</span></p><p class="userScore">999分</p></li>
							<li><p class="userInfo"><span>06. </span><img src="img/pic.png"/><span class="userName">小夜曲</span></p><p class="userScore">999分</p></li>
							<li><p class="userInfo"><span>07. </span><img src="img/pic.png"/><span class="userName">小夜曲</span></p><p class="userScore">999分</p></li>
							<li><p class="userInfo"><span>08. </span><img src="img/pic.png"/><span class="userName">小夜曲</span></p><p class="userScore">999分</p></li>
							<li><p class="userInfo"><span>09. </span><img src="img/pic.png"/><span class="userName">小夜曲</span></p><p class="userScore">999分</p></li>
							<li><p class="userInfo"><span>10. </span><img src="img/pic.png"/><span class="userName">小夜曲</span></p><p class="userScore">999分</p></li>
							
						</ul>
					</div>
					<div class="popClose rankClose">
						<img src="img/Btn_close.png"/>
					</div>
					<div class="rank1 rank">
						<img src="img/Btn_Fir.png"/>
					</div>
					<div class="rank2 rank">
						<img src="img/Btn_Sec.png"/>
					</div>
					<div class="rank3 rank">
						<img src="img/Btn_Thr.png"/>
					</div>
					<div class="rank4 rank">
						<img src="img/Btn_Fou.png"/>
					</div>
				</div>
			</div>
			<!--游戏页面-->
			<div class="gamePage">
				<div class="musicLogo musicRotate">
					<img src="img/Btn_sound1.png"/>
				</div>
				<div class="gamebg">
					<div class="gamebgImg">
						<img src="img/Mc_world1.jpg"/>
					</div>
					<div class="gamebgImg">
						<img src="img/Mc_world2.jpg"/>
					</div>
					<div class="gamebgImg">
						<img src="img/Mc_world3.jpg"/>
					</div>
					<div class="gamebgImg">
						<img src="img/Mc_world4.jpg"/>
					</div>
					<div class="gamebgImg">
						<img src="img/Mc_world1.jpg"/>
					</div>
				</div>
				<div class="score">0</div>
				<div class="life"></div>
				<div class="people run"></div>
				<div class="firstRoad"></div>
				<div class="road">
					<div class="roadItem"></div>
					<div class="roadGift element">
						<img src="img/Mc_prop5.png"/>
					</div>
					<div class="roadGift element">
						<img src="img/Mc_prop4.png"/>
					</div>
					<div class="roadGift element">
						<img src="img/Mc_prop6.png"/>
					</div>
				</div>
				<div class="road">
					<div class="roadItem"></div>
					<div class="roadGift element">
						<img src="img/Mc_prop5.png"/>
					</div>
					<div class="roadGift element">
						<img src="img/Mc_prop4.png"/>
					</div>
					<div class="roadGift element">
						<img src="img/Mc_prop6.png"/>
					</div>
				</div>
			</div>
			<!--结束页面-->
			<div class="finishPage">
				<div class="advertise">
					<img src="img/ad_02.png"/>
				</div>
				<div class="scoreBg">
					<img src="img/Mc_bg_over.png"/>
					<div class="endScore">188</div>
				</div>
				<div class="finishBtn">
					<div class="rePlay">
						<img src="img/Btn_again.png"/>
					</div>
					<div class="ranking">
						<img src="img/Btn_rank1.png"/>
					</div>
					<div class="share">
						<img src="img/Btn_share.png"/>
					</div>
					<div class="signUp">
						<img src="img/Btn_info.png"/>
					</div>
					<p>主办单位：腾讯家居 华耐家居集团</p>
				</div>
			</div>
			<!--分享页面-->
			<div class="sharePage">
				<div class="shareTip">
					<img src="img/Mc_share.png"/>
				</div>
			</div>
			
			
		</div>
		<script type="text/javascript" src="js/preloadjs.min.js"></script>
		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
		<script type="text/javascript" src="js/jquery.transit.js"></script>
		<script type="text/javascript" src="js/jquery.easing.min.js"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
